<template>
    <div>
        <table style="width: 522.77pt;margin: 0 auto;margin-top: 30px;">
            <colgroup>
                <col width="135" style="width: 101.25pt" />
                <col width="253" style="width: 189.75pt" />
                <col width="104" style="width: 78pt" />
                <col width="205" style="width: 153.75pt" />
            </colgroup>
            <tbody>
                <tr height="76">
                    <td colspan="4" class="et2">请假申请单</td>
                </tr>
                <tr height="46">
                    <td class>姓 名</td>
                    <td class>测试</td>
                    <td class>请假类别</td>
                    <td class>测试</td>
                </tr>
                <tr height="46">
                    <td class>开始时间</td>
                    <td class>测试</td>
                    <td class>结束时间</td>
                    <td class>测试</td>
                </tr>
                <tr height="46">
                    <td class>请假时长</td>
                    <td colspan="3" class="et10">测试数据</td>
                </tr>
                <tr height="80">
                    <td class>请假说明</td>
                    <td colspan="3" class="et10">测试：根据实际情况从接口中加载数据即可，这里只做打印演示</td>
                </tr>
                <tr height="18" class="emp">
                    <td class="emp"></td>
                    <td class="emp"></td>
                    <td class="emp"></td>
                    <td class="emp"></td>
                </tr>
                <tr height="33">
                    <td class="et2">执行环节</td>
                    <td class="et2">处理人</td>
                    <td class="et2">操作</td>
                    <td class="et2">审批意见</td>
                </tr>
                <tr height="33">
                    <td class="et2">测试</td>
                    <td class="et2">测试</td>
                    <td class="et2">测试</td>
                    <td class="et2">测试</td>
                </tr>
                <tr height="33">
                    <td class="et2">测试</td>
                    <td class="et2">测试</td>
                    <td class="et2">测试</td>
                    <td class="et2">测试</td>
                </tr>
                <tr height="33">
                    <td class="et2">测试</td>
                    <td class="et2">测试</td>
                    <td class="et2">测试</td>
                    <td class="et2">测试</td>
                </tr>
                <tr height="33">
                    <td class="et2">测试</td>
                    <td class="et2">测试</td>
                    <td class="et2">测试</td>
                    <td class="et2">测试</td>
                </tr>
            </tbody>
        </table>
    </div>
</template>
<style scoped>
table {
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-spacing: 0;
    background-color: #fff;
    width: 100%;
}

table td {
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    font-size: 13px;
    padding: 5px;
}

.emp {
    border-right: none;
    border-left: none;
}

.et10 {
    text-align: left;
    color: red;
}

.et2 {
    text-align: center;
}

.font0 {
    color: rgb(0, 0, 0);
}
</style>